<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>课程收费信息报表</title>
    <link rel="icon" th:href="@{/favicon.ico}">
    <link rel="shortcut icon" th:href="@{/favicon.ico}">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <link type="text/css"  th:href="@{/css/index.css}" rel="stylesheet"  />
    <link type="text/css"  th:href="@{/css/jconfirm.css}" rel="stylesheet"  />
    <script th:src="@{/js/jQuery1.7.2.js}" type="text/javascript"></script>
    <script th:src="@{/js/Chart.js}" type="text/javascript"></script>
    <script th:src="@{/js/chargeChart.js}" type="text/javascript"></script>
</head>
<body>
    <div class="mian_center">
        <span class="main_titile"><img th:src="@{/images/login_j_03.png}">课程收费信息报表</span>
        <div class="main_con">
            <div id="chart_con" style="width:95%;height: 450px;margin: 10px auto 0;text-align: center;">
                <h4>
                    <select id="startTime">
                        <option th:each="num : ${#numbers.sequence(2016,#dates.year(#dates.createNow())-1)}" th:selected="${num==#dates.year(#dates.createNow())-2 }" th:value="${num }">[[${num }]]</option>
                    </select>
                    至
                    <select id="endTime">
                        <option th:each="num : ${#numbers.sequence(#dates.year(#dates.createNow())-1,#dates.year(#dates.createNow()))}" th:selected="${num==#dates.year(#dates.createNow())-1 }" th:value="${num }">[[${num }]]</option>
                    </select>
                    年课程收费报表
                </h4>
                <canvas id="chargeChart"></canvas>
            </div>
        </div>
    </div>
</body>
</html>